<!DOCTYPE html>
<html lang="en">
<head>
    <title>About Us</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/grid.css" type="text/css" media="screen"> 
    <script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script src="js/jquery.galleriffic.js" type="text/javascript"></script>
    <script src="js/jquery.opacityrollover.js" type="text/javascript"></script>      
	<!--[if lt IE 7]>
        <div style=' clear: both; text-align:center; position: relative;'>
            <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0"  alt="" /></a>
        </div>
	<![endif]-->
    <!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
	<![endif]-->
</head>
<body id="page1">
	<!--==============================header=================================-->
    <header>
    	<div class="row-1">
        	<div class="main">
            	<div class="container_12">
                	<div class="grid_12">
                    	<nav>
                            <ul class="menu">
                                <li><a class="active" href="index.html">About Us</a></li>
                                <li><a href="designonline.html">Design Online</a></li>
                                <li><a href="catalogue.html">Catalogue</a></li>
                                <li><a href="pricing.html">Pricing</a></li>
                                <li><a href="contacts.html">Contacts</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="row-2">
        	<div class="main">
            	<div class="container_12">
                	<div class="grid_9">
                    	<h1>
                            <a class="logo" href="index.html"><img src="images/logo.png" alt="" /></a>
							<span>Clothing</span>
                        </h1>
                    </div>
                    <div class="grid_3">
                    	<form id="search-form" method="post" enctype="multipart/form-data">
                            <fieldset>	
                                <div class="search-field">
                                    <input name="search" type="text" />
                                    <a class="search-button" href="#" onClick="document.getElementById('search-form').submit()"><span>search</span></a>	
                                </div>						
                            </fieldset>
                        </form>
                     </div>
                     <div class="clear"></div>
                </div>
            </div>
        </div>    	
    </header> 
    
<!-- content -->
    <section id="content">
        <div class="bg-top">
        	<div class="bg-top-2">
                <div class="bg">
                    <div class="bg-top-shadow">
                        <div class="main">
                            <div class="gallery p3">
                            	<div class="wrapper indent-bot">
        									
                                <table class="rolform" cellpadding="0" cellspacing="0" border="0">
								<tbody><tr>
								<th>
									<span class="required">*</span><span>First Name		</span>:
								</th>
								<td>
									<input name="txtFirstName" type="text" id="txtFirstName">
								</td>
								</tr>
								<tr>
								<th class="errorCell">
								</th>
									<td class="errorCell">
                    <span id="rfvFirstName" class="error" style="display:none;">Enter First Name</span>
                </td>
            </tr>
            <tr>
                <th>
                    <span class="required">*</span><span>Last Name</span>:
                </th>
                <td>
                    <input name="txtLastName" type="text" id="txtLastName">
                </td>
            </tr>
            <tr>
                <th class="errorCell">
                </th>
                <td class="errorCell">
                    <span id="rfvLastName" class="error" style="display:none;">Enter Last Name</span>
                </td>
            </tr>
            <tr>
                <th class="errorCell">
                </th>
                <td class="errorCell">
                    <span id="rfvOrganization" class="error" style="display:none;">Enter Organisation</span>
                </td>
            </tr>
            <tr>
                <th>
                    <span class="required">*</span><span>Phone</span>:
                </th>
                <td>
                    <input name="txtPhone" type="text" id="txtPhone">
                </td>
            </tr>
            <tr>
                <th class="errorCell">
                </th>
                <td class="errorCell">
                    <span id="rfvPhone" class="error" style="display:none;">Enter Phone</span>
                </td>
            </tr>
            <tr>
                <th>
                    <span class="required">*</span><span id="lblEmail" columns="20">Email</span>:
                </th>
                <td>
                    <input name="txtEmail" type="text" id="txtEmail">
                </td>
            </tr>
            <tr>
                <th class="errorCell">
                </th>
                <td class="errorCell">
                    <span id="rfvEmail" class="error" style="display:none;">Enter Email</span>
                    <span id="revEmail" class="error" style="display:none;">Enter a Valid Email</span>
                </td>
            </tr>
            
        </tbody></table>
        <table class="rolform" cellpadding="0" cellspacing="0" border="0">
            <tbody><tr>
                <th>
                    <span class="required">*</span><span>Username</span>:
                </th>
                <td>
                    <input name="txtUsername" type="text" id="txtUsername" onblur="usernameChecker(this.value);" onkeyup="usernameChecker(this.value);">
                </td>
            </tr>
            <tr>
                <th class="errorCell">
                </th>
                <td class="errorCell">
                    <span id="spanAvailability"></span>
                    <span id="rfvUsername" class="error" style="display:none;">Create a Username</span>
                    <span id="revUsernameStrength" class="error" style="display:none;">Must contain at least 6 characters and not contain any special characters</span>
                    
                </td>
            </tr>
            <tr>
                <th>
                    <span class="required">*</span><span id="lblPassword">Create Password</span>:
                </th>
                <td>
                    <input name="txtPassword" type="password" id="txtPassword">
                </td>
            </tr>
            <tr>
                <th class="errorCell">
                </th>
                <td class="errorCell">
                    <span id="rfvPassword" class="error" style="display:none;">Create a Password</span>
                    <span id="passwordStrong" class="error" style="display:none;">Must be at least 8 characters with at least one alpha and one non-alpha character with no spaces</span>
                    <span id="passwordNoSpaces" class="error" style="display:none;">Must be at least 8 characters with at least one alpha and one non-alpha character with no spaces</span>
                </td>
            </tr>
            <tr>
                <th>
                    <span class="required">*</span>Confirm Password:
                </th>
                <td>
                    <input name="txtConfirmPassword" type="password" id="txtConfirmPassword">
                </td>
            </tr>
            <tr>
                <th class="errorCell">
                </th>
                <td class="errorCell">
                    <span id="rfvConfirmPassword" class="error" style="display:none;">Re-Type Password</span>
                    <span id="cvConfirmPassword" class="error" style="display:none;">The Values Do Not Match</span>
                </td>
            </tr>
        </tbody></table>
        <table class="rolform" cellpadding="0" cellspacing="0" border="0">
            <tbody>
            <tr>
                <th class="errorCell">
                </th>
                <td class="errorCell">  
                    <span id="rfvRegistrants" class="error" style="display:none;">Estimated Registrants Required</span>
                <span id="revRegistrantsNumber" class="error" style="display:none;">Must be a number greater than 0</span>
                </td>
            </tr>
            <tr>
                <th>
                    <span class="required">*</span>Account Currency:
                </th>
                <td>
                    <select name="ddlAccountCurrency" id="ddlAccountCurrency">
		<option selected="selected" value="IDR">Indonesian Rupiah</option>
		<option value="USD">US Dollar</option>

	</select>
                </td>
            </tr>
            <tr>
                <th>
                    <span class="required">*</span>How Did You Find Us?
                </th>
                <td>
                    <select name="ddlHowDidYouFindUs" id="ddlHowDidYouFindUs">
		<option selected="selected" value=""></option>
		<option value="Web lead - Organic">Search Engines</option>
		<option value="Direct Mail">Received Postal Mail</option>
		<option value="Email Marketing">Received Email</option>
		<option value="Referral - Client">Friend or Colleague</option>
		<option value="Registered for an event">Registered for an Event</option>
		<option value="Sales Rep">Received Phone Call</option>
		<option value="Tradeshow">Trade Show</option>
		<option value="Other">Special Promotion</option>
		<option value="Other">Other</option>

	</select>
                </td>
            </tr>
            <tr>
                <th class="errorCell">
                </th>
                <td class="errorCell">
                    <span id="rfvHowDidYouFindUs" class="error" style="display:none;">How Did You Find Us?</span>
                </td>
            </tr>
            <tr>
                <th>
                    Other:
                </th>
                <td>
                    <input name="txtOther" type="text" id="txtOther">
                </td>
            </tr>
            <tr>
                <th>
                    &nbsp;
                </th>
                <td>
                    <input id="cbTerms" type="checkbox" name="cbTerms" checked="checked"><label for="cbTerms">By checking this box, I agree to the <a class="pop" href="terms.aspx" target="_blank">Terms of Service</a></label>
                </td>
            </tr>
            <tr>
                <th class="errorCell">
                </th>
                <td class="errorCell">
                    <span id="cvTerms" class="error" style="display:none;">You must agree to the agree to the <a href="terms.html" target="_blank">Terms of Service</a></span>
                </td>
            </tr>
            <tr>
                <th>
                    &nbsp;
                </th>
                <td>
                    <input type="submit" name="btnSubmit" value="Go To My Account" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;btnSubmit&quot;, &quot;&quot;, true, &quot;&quot;, &quot;&quot;, false, false))" id="btnSubmit">
                </td>
            </tr>
        </tbody></table>
    </div>
    
</div>	
										
									</div>
                                
                            </div>
                            <!--div class="container_12">
                            	<div class="wrapper">
                                	<article class="grid_12">
                                    	<h3 class="color-1">Our Services List</h3>
                                        <div class="wrapper">
                                        	<article class="grid_6 alpha">
                                                <figure class="img-indent frame"><img src="images/page1-img1.jpg" alt="" /></figure>
                                                <div class="extra-wrap">
                                                    <div class="indent-top">
                                                        <ul class="list-1">
                                                             <li><a href="#">Interior Decorating Services</a></li>
                                                             <li class="last"><a href="#">Complete Color <br>Analysis</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="clear"></div>
                                            </article>
                                            <article class="grid_6 omega">
                                                <figure class="img-indent frame"><img src="images/page1-img2.jpg" alt="" /></figure>
                                                <div class="extra-wrap">
                                                    <div class="indent-top">
                                                        <ul class="list-1">
                                                             <li><a href="#">Design Services <br>for Home Construction</a></li>
                                                             <li class="last"><a href="#">Interior Design Remodeling</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="clear"></div>
                                            </article>
                                        </div>
                                    </article>
                                </div>
                            </div-->
                        </div>
                    </div>
                </div>
            </div>	
        </div>
        <div class="bg-bot">
        	<div class="main">
            	<div class="container_12">
                	<div class="wrapper">
                    	<article class="grid_7">
                        	<h3 class="prev-indent-bot">About Us</h3>
                            <p class="prev-indent-bot">Instrinsix adalah sebuah usaha yang berjalan di bidang tekstil. Bisni kami menghasilkan kaos yang ditujukan para pelanggan baik pria ataupun wanita. Intrinsix berdiri sejak tahun 2009, dan didirikan oleh sekumpulan pengusaha yang tertarik di bidang desain dan sablon kaos. 
Intrinsix sendiri adalah sebuah bisnis yang memberikan kebebasan bagi para client agar bisa mendesain kasonya sendiri sehingga kaos yang dihasilkan unik dna sesuai keinginan para pelanggan. Moto perusahan kami sendiri adalah "designing is fun" bermaksud untuk mengajak para pelanggan memilih desain kaosnya sendiri. Produksi kami bisa dipakai dengan individu, keluarga, atau grup.
                        </article>
                        <article class="grid_4">
                        	<h3 class="prev-indent-bot">Testimonials</h3>
                            <div class="quote">
                            	<p class="prev-indent-bot">Kualitas yang diberikan oleh Intrinsix clothing membuat saya semakin pede!</p>
                                <h5>Maman Seniman</h5>
                                Seniman
                            </div>
							<br><br>
							<div class="quote">
                            	<p class="prev-indent-bot">Biasanya kalau mau buat kaos harus banyak tapi disini beda, bisa satuan. Itu yang saya suka :)</p>
                                <h5>Waway Pegawai</h5>
                                Pegawai
                            </div>
                        </article>
						<!--
                        <article class="grid_4">
                        	<h3 class="prev-indent-bot">What’s New?</h3>
                            <time class="tdate-1" datetime="2011-08-15"><a class="link" href="#">15.08.2011</a></time>
                            <p class="prev-indent-bot">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.</p>
                            <time class="tdate-1" datetime="2011-08-11"><a class="link" href="#">11.08.2011</a></time>
                            Totam rem aperiam, eaque ipsa quae ab illo inven tore veritatis et quasi architecto.
                        </article>
						-->
                    </div>
                </div>
            </div>
        </div>
    </section>
    
	<!--==============================footer=================================-->
    <footer>
        <div class="main">
        	<div class="container_12">
            	<div class="wrapper">
                	<div class="grid_4">
					   	<div>Intrinsix Clothing &copy; 2012 <a class="link color-3" href="#">Privacy Policy</a></div>
                        <!--div><a rel="nofollow" target="_blank" href="http://www.templatemonster.com/">Website Template</a> by TemplateMonster.com | <a rel="nofollow" target="_blank" href="http://www.html5xcss3.com/">html5xcss3.com</a></div-->
                        <!-- {%FOOTER_LINK} -->
                    </div>
                    <div class="grid_4">
                    	<span class="phone-numb"><span>(022)</span> 123-1234</span>
                    </div>
                    <div class="grid_4">
                    	<ul class="list-services">
                        	<li><a href="#"></a></li>
                            <li><a class="item-2" href="#"></a></li>
                            <li><a class="item-3" href="#"></a></li>
                            <li><a class="item-4" href="#"></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <script type="text/javascript">
			$(window).load(function() {
			// We only want these styles applied when javascript is enabled
			$('div.navigation').css({'width' : '320px', 'float' : 'right'});
			$('div.content').css('display', 'block');
	
			// Initially set opacity on thumbs and add
			// additional styling for hover effect on thumbs
			var onMouseOutOpacity = 0.5;
			$('#thumbs ul.thumbs li span').opacityrollover({
				mouseOutOpacity:   onMouseOutOpacity,
				mouseOverOpacity:  0.0,
				fadeSpeed:         'fast',
				exemptionSelector: '.selected'
			});
			
			// Initialize Advanced Galleriffic Gallery
			var gallery = $('#thumbs').galleriffic({
				delay:                     7000,
				numThumbs:                 12,
				preloadAhead:              6,
				enableTopPager:            false,
				enableBottomPager:         false,
				imageContainerSel:         '#slideshow',
				controlsContainerSel:      '',
				captionContainerSel:       '',
				loadingContainerSel:       '',
				renderSSControls:          true,
				renderNavControls:         true,
				playLinkText:              'Play Slideshow',
				pauseLinkText:             'Pause Slideshow',
				prevLinkText:              'Prev',
				nextLinkText:              'Next',
				nextPageLinkText:          'Next',
				prevPageLinkText:          'Prev',
				enableHistory:             true,
				autoStart:                 7000,
				syncTransitions:           true,
				defaultTransitionDuration: 900,
				onSlideChange:             function(prevIndex, nextIndex) {
					// 'this' refers to the gallery, which is an extension of $('#thumbs')
					this.find('ul.thumbs li span')
						.css({opacity:0.5})
				},
				onPageTransitionOut:       function(callback) {
					this.find('ul.thumbs li span').css({display:'block'});
				},
				onPageTransitionIn:        function() {
					this.find('ul.thumbs li span').css({display:'none'});
				}
			});
		});
	</script>
</body>
</html>
